.el-container {
  .el-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
    padding: 0;
    opacity: 0.5;
    position: sticky;
    top: 0;
    transition: all 0.2s;
    padding-right: 10px;
    border-bottom: 1.5px solid var(--el-menu-border-color);
    .el-menu {
      display: flex;
      justify-content: flex-end;
      .el-menu-item {
        a {
          text-decoration: none;
        }
      }
    }
    &:hover {
      transition: all 0.2s;
      opacity: 1;
    }
  }

  .el-main {
    .item {
      height: 100vh;
      text-align: center;
      line-height: 100vh;
      font-size: 50px;
      border-bottom: 1px solid #eee;
    }
    .firstItem {
      height: 100vh;
      .el-pagination {
        justify-content: flex-end;
      }
    }
    #activeIndex2 {
      display: flex;
      align-items: center;
      justify-content: space-around;
    }
    .btnGroup{
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  }
  #myCanvas {
    width: 500px;
    height: 500px;
    // border: 1px solid red;
  }
}
